<template>
	<view>
		<view class="time" :style="{backgroundImage: (bg === 'bg1'?ImageBg.backgroundImage1:ImageBg.backgroundImage2)}">
			<image class="icon" :src="djs.backgroundImage1" mode="aspectFit"></image>
			<uni-countdown :font-size="13" :show-day="false" color="#FFFFFF" splitorColor="#FFFFFF" border-color="#00B26A"
				:hour="2" :minute="0" :second="0"></uni-countdown>
		</view>
	</view>
</template>

<script>
	export default {
		name: "my-popup-time",
		data() {
			return {
				// 选中背景
				bg: this.$store.state.theme.currentBackground,
				ImageBg: {
					backgroundImage1: 'url(' + require('@/static/style1/zh26.png') + ')',
					backgroundImage2: 'url(' + require('@/static/style2/zh26.png') + ')',
				},
				// 倒计时图标
				djs: {
					'backgroundImage1': require('@/static/style1/djs.png'),

				},
			};
		}
	}
</script>

<style lang="scss" scoped>
	.time {
		position: absolute;
		top: 20px;
		right: 0;
		height: 60rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 240rpx;
		background-repeat: no-repeat;
		background-position: center center;

		// background: url(@/static/style1/zh26.png) repeat fixed center;
		.icon {
			width: 32rpx;
			margin-right: 20rpx;
		}
	}
</style>